<template>
	<view class="mine-pages-setting" v-if="isLoad">
		<view class="flex-center flex-column">
			<view class="space-lg"></view>
			<view class="space-md"></view>
			<image mode="aspectFill" lazy-load class="logo-img" :src="configInfo.app_logo"></image>
			<view class="f-caption c-caption mt-md">{{configInfo.app_text}}</view>
			<view class="space-lg"></view>
			<view class="space-md"></view>
		</view>
		<view class="flex-between pd-lg fill-base f-paragraph">
			<view>当前版本</view>
			<view class="c-caption">{{version}}</view>
		</view>
		<view class="space-md"></view>
		<view @tap.stop="$util.goUrl({url:`/home/pages/about`})" class="flex-between pd-lg fill-base f-paragraph">
			<view>关于我们</view>
			<i class="iconfont icon-right"></i>
		</view>
		<view class="space-footer"></view>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions,
		mapMutations
	} from "vuex"
	import siteInfo from '@/siteinfo.js'
	import checkUpdate from '@/uni_modules/uni-upgrade-center-app/utils/check-update'
	export default {
		components: {},
		data() {
			return {
				isLoad: false,
				options: {},
				version: plus.runtime.version
			}
		},
		computed: mapState({
			primaryColor: state => state.config.configInfo.primaryColor,
			subColor: state => state.config.configInfo.subColor,
			configInfo: state => state.config.configInfo,
			userInfo: state => state.user.userInfo,
		}),
		async onLoad() {
			this.initIndex()
		},
		methods: {
			...mapActions(['getUserInfo', 'getConfigInfo']),
			...mapMutations(['updateUserItem']),
			async initIndex() {
				await this.getConfigInfo()
				this.isLoad = true
				checkUpdate()
			}
		}
	}
</script>


<style lang="scss">
	.mine-pages-setting {
		.iconfont {
			color: #999
		}

		.logo-img {
			width: 160rpx;
			height: 160rpx;
		}
	}
</style>
